{% block head %}
  <script src="{{ path }}js/plugins/timepicker/jquery.ui.timepicker.min.js"></script>
  <script src="{{ path }}js/demos/demo.ui-elements.js"></script>
{% endblock %}

<script type="text/javascript">
    hide();
    $("#proveedor-telefono").numeric();
    $("#proveedor-fax").numeric();
</script>

 <fieldset>
    <div class="control-group">
        <label class="control-label" for="input01">Fecha:</label>
        <div class="controls">
            <input class="input-medium" name="fecha" id="fecha" type="text" required="required" value="{{ traslado.fecha|date:'d/m/Y' }}">
            <input type="hidden" id="traslado-id" name="traslado-id" value="{{ traslado.id }}" /> 
            <input type="hidden" id="tipo-movimiento" name="tipo-movimiento" value="{{ tipo_movimiento }}">           
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="input01">Sede origen:</label>
        <div class="controls">
          <select name="sede-origen" id="sede-origen">
            {% if user_sede|length > 0 %}
                <option value="0">- SELECCIONE -</option>
             {% endif %}
            {% for sede in user_sede %}
                <option value="{{ sede.sede.id }}" {% if sede.sede.id == traslado.sede_origen_id %} selected="selected" {% endif %} >{{ sede.sede.nombre }}</option>
            {% endfor %}
          
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="input01">Sede Destino:</label>
        <div class="controls">
            <select name="sede-destino" id="sede-destino">
                <option value="0">- SELECCIONE -</option>
            {% for sede in Sedes %}
                <option value="{{ sede.id }}" {% if sede.id == traslado.sede_destino_id %} selected="selected" {% endif %} >{{ sede.nombre }}</option>
            {% endfor %}
          
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="bizname">Producto:</label>
        <div class="controls">
          <input type="text" class="input-medium" id="producto-live" name="producto-live" autocomplete="off" onkeyup="getData(this.value);" placeholder="Digite el producto" required="required" value="{{ traslado.producto.producto.nombre }}">
          <input type="hidden" id="producto-id" name="producto-id" cantidad=0 lote="" vencimiento="" value="{{ traslado.producto.id }}">
          <div id="ajaxresults"></div>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="bizname">Cantidad:</label>
        <div class="controls">
            <input type="number" class="input-small" id="cantidad" name="cantidad" min="0" required="required" value="{{ traslado.cantidad }}">
        </div>
    </div>
    
</fieldset>